<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			a{
				text-decoration: none;
			}
			.clear:after{
				content: '';
				clear: both;
				display: block;
				height: 0;
			}
			#header ul#menu>li{
				float: left;
				list-style: none;
				/* color: gray; */
				font-size: 18px;
				margin-left: 10px;
			}
			#header #menu>li.earth:hover #dc{
				display: block;
			}
			#header ul#dc{
				display: none;
			}
			#header ul#menu li a{
				color: gray;
			}
		</style>
	</head>
	<body>
		<div id="header" class="clear">
			<ul id="menu">
				<li class="earth"><a href="#">中国大陆</a>
					<ul id="dc">
						<li><a href="#" >全球</a></li>
						<li><a href="#">中国大陆</a></li>
						<li><a href="#">中国香港</a></li>
						<li><a href="#">中国台湾</a></li>
						<li><a href="#">中国澳门</a></li>
					</ul>
				</li>
				<li><a href="#">bangzhao</a></li>
				<li><a href="#">消息</a></li>
				<li><a href="#">手机淘宝</a></li>
				<li><a href="#">我的淘宝</a>
					<ul>
						<li><a href="#">已买到的宝贝</a></li>
						<li><a href="#">我的足迹</a></li>
					</ul>
				</li>
				 
			</ul>
		</div>
	</body>
</html>
